@import '~style/mixins.less';
.header {
    height: 64px;
    background-color: #0066cc;
    display: flex;
    .logo {
        width: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
        img {
            height: 70%;
        }
    }
    .menu {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 2.8rem;
    }
    .user {
        width: 180px;
        display: flex;
        justify-content: center;
        align-items: center;
        // .operation {
        //     width: 30%;
        //     height: 100%;
        // }
        .userinfo {
            flex: 1;
            cursor: pointer;
            height: 70%;
            background-color: #114478;
            border-radius: 2rem;
            margin-right: 8px;
            display: flex;
            .ant-dropdown-link {
                flex: 1;
                display: flex;
                max-width: 180px;
                img {
                    height: 100%;
                    border-radius: 2rem;
                }
                .name {
                    flex: 1;
                    line-height: 44.8px;
                    text-align: center;
                    color: white;
                    font-size: 1.6rem;
                    margin: 0 8px;
                    .text-overflow();
                }
                .anticon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: white;
                    font-size: 1.6rem;
                    margin-right: 8px;
                }
            }
           
        }
    }
}
